<template>
  <div class="header">
  	城市选择
  	<router-link to='/'>
  		<div class="iconfont header-back">&#xe624;</div>
  	</router-link>
  </div>
</template>

<script>
export default {
  name : 'CityHeader'
}
</script>

<style lang="stylus" scoped>
	@import '~styles/varibles.styl'
	.header
		position : relative
		overflow : hidden
		height: $headerHeight
		line-height : $headerHeight
		text-align : center
		color : #fff
		background : $bgColor
		font-size : .32rem
		.header-back
			position:absolute
			top : 0
			left : 0
			width : .64rem
			text-align : center
			font-size :.4rem
			color : #fff
		
		
</style>